@charset "utf-8";

/*helper*/
.helper_index{}
.helper_index .h_notice{width: 100%; height: 2.2rem; line-height:2.2rem; background: #fff; overflow: hidden; margin-bottom: 0.5rem;}
.helper_index .h_notice p{padding: 0 0.75rem; text-align: left; font-size: 0.7rem; color: #666;}
.helper_index .h_notice p i{font-size: 0.9rem; margin-right: 0.2rem;}
.helper_index .list-block{ margin:0 auto;}
.helper_index .list-block .item-title{}
.helper_index .list-block .item-title.label{width: 2rem; font-size: 0.75rem; margin-left: 0.75rem; text-align: left;}
.helper_index .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.helper_index .list-block .item-inner input{font-size: 0.7rem;}
.helper_index .list-block .item-after{ color:#dddddd; font-size:0.7rem;}
.helper_index .list-block .item-after em{color:#ff3333; font-size:0.7rem;}
.helper_index .list-block .item-after em.gray{ color:#ccc; font-size:0.7rem;}
.helper_index .content-block p{font-size: 0.7rem; color: #999; text-align: center; margin-top: 0.5rem;}
.helper_index .button.audioBtn{float: left; background: #eee; color: #888; font-size: 0.65rem;}
.helper_index .button.audioBtn img{float:left; margin: 0.4rem 0.2rem 0 0;}

.helper_task{ }
.helper_task .list-block{margin: 0;margin-bottom: 2.5rem;}
.helper_task .list-block ul:before,.member .list-block ul:after{display: none;}
.helper_task .list-block .item-inner{padding-left: 0.75rem;}
.helper_task .list-block .item-title{ text-align: left;}
.helper_task .list-block .item-title p{font-size: 0.75rem; color: #666;}
.helper_task .list-block .item-title p span{color: #f60;}
.helper_task .list-block .item-after{font-size: 0.7rem;}

.helper_task .topbar{width: 100%; height: 2rem; line-height: 2rem; overflow: hidden; background: #fff; position: fixed; top:2.2rem; z-index: 100; border-bottom: 1px #eeeeee solid;}
.helper_task .topbar a{width:20%; display: inline-block; float: right; font-size: 0.75rem; margin:0.25rem 0.75rem 0 0; }
.helper_task .topbar label{width:36%; float: left; display: inline-block; text-align: center;border-right:1px #eeeeee solid;}
.helper_task .topbar label input{width:90%; font-size: 0.75rem; color: #666; border: 0; padding: 0; text-align: center;}
.helper_task .topbar label input::placeholder{font-size:0.75rem ;}
.helper_task .topbar label:last-child{border: 0;}

.helper_order{padding-bottom: 3rem;}
.helper_order .card-header ul{text-align: left;}
.helper_order .card-header li{width:49%; height: auto; overflow: hidden; display: inline-block; float: left; text-align:left; line-height:1rem; margin-bottom: 0.2rem;}
.helper_order .card-header li span{ float:left; display:inline; font-size:0.65rem; color:#999;}
.helper_order .card-header li p{ font-size:0.65rem; color:#666; height: auto; overflow: hidden; display: block;}
.helper_order .card-header li i{ color:#0abe74;}
.helper_order .card-header li em{ color:#ff3333;}
.helper_order .card-content ul{ background:#f9f9f8;}
.helper_order .card-content li{width:100%; text-align:left; height:auto; overflow:hidden; border-top:1px #eeeeee solid; padding:0.3rem 0.75rem; position:relative;}
.helper_order .card-content li img{width:2.5rem; float:left; display:block; margin-right:0.5rem; border:1px #eeeeee solid;}
.helper_order .card-content li h3{ font-size:0.7rem; color:#333; font-weight:normal;margin-right:5rem;}
.helper_order .card-content li p{ font-size:0.65rem; color:#666; margin-right:5rem;}
.helper_order .card-content li p span{ color:#999; margin-right:0.5rem;}
.helper_order .card-content li p em{ color:#f60;}
.helper_order .card-content li .cr{position:absolute; right:0.3rem; top:0.4rem;}
.helper_order .card-content li .cr p{ margin: 0;}
.helper_order .card-footer p{ color:#999;font-size:0.75rem;}
.helper_order .card-footer p i{ color:#f00;}

/* user_index */
.user_index{ height:100%; padding-bottom:2.5rem;}
.user_index .user_tit{width:100%;height:6rem; overflow:hidden; display:block; background:#198bec; background-size: cover; position:relative;}
.user_index .user_tit .tit{ width:100%; text-align:left; margin-top:1.3rem;}
.user_index .user_tit .ew{ position:absolute; right:0.5rem; bottom:0.5rem; }
.user_index .user_tit .ew a{font-size:0.8rem; color:#fff;}
.user_index .user_tit .kh{ position:absolute; right:0.5rem; top:0.5rem; color:#fff; font-size:0.7rem;}
.user_index .user_tit .tit img{width:3.5rem; height:3.5rem; float:left; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:20px auto 0 auto; border:2px #ffffff solid; margin:0 0.5rem 0 0.5rem;}
.user_index .user_tit .tit h3{font-size:0.8rem; color:#fff; padding-top:0.6rem; font-weight:normal;}
.user_index .user_tit .tit h3 a{ font-size:0.7rem; margin-left:10px; color:#fff;}
.user_index .user_tit .tit p{color:#fff; font-size:0.8rem;}
.user_index .list-block{ margin:0 auto;}
.user_index .list-block ul{ margin:0.5rem 0;}
.user_index .list-block .item-link .item-inner{ padding-right: 1rem;}
.user_index .list-block .item-title{margin-left: 0.75rem;}
.user_index .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.user_index .list-block .item-title span i{color: #198bec;}
.user_index .list-block .item-title span em{color: #f90;}
.user_index .list-block .item-after{ color:#dddddd; font-size:0.7rem;}
.user_index .list-block .item-after em{color:#ff3333; font-size:0.65rem; margin-right:0.3rem;}
.user_index .list-block .item-after em.gray{ color:#ccc; font-size:0.65rem;}
.user_index .list-block .item-after em.icon-code{ font-size:0.8rem;}
.user_index .list-block .item-after em input{ float:right; display:inline; text-align:right; height:1rem; line-height:1rem; font-size:0.65rem;}
.list-block .item-inner:after{ height:0;}

.user_index .user_box{ padding:1.5rem 1rem; background:#fff;}
.user_index input.editbox{width:100%; height:2rem; line-height:2rem; border:0; border-bottom:1px #0abe74 solid; font-size:0.8rem; color:#333;}
.user_index .user_box .button{ margin-top:1.5rem;}

.user_index .item-title{ font-size:0.7rem; color:#999;}



/* 提现 */
.withdrawals{}
.withdrawals .content-block{ margin:1rem 0.75rem; background: #fff; border-radius:5px; padding:1rem 0.75rem;}
.withdrawals h3{font-size: 0.75rem; font-weight: normal; text-align: left; color: #666;}
.withdrawals h3 i{color: #f60; font-size: 0.9rem; font-weight: bold;}
.withdrawals .paybox{ background: #fff; border-top: 1px #eee solid; padding:1rem 0 0.5rem 0; font-size: 0.7rem; text-align: left; margin-top:1rem;}
.withdrawals .paybox p{color: #999; font-size: 0.75rem; margin-bottom:0.2rem;}
.withdrawals .paybox label{font-size: 1.2rem; color: #333;}
.withdrawals .paybox label input{width:75%; border: 0; font-size: 1.1rem; color: #333;}
.withdrawals .paybox label input::placeholder{font-size: 1.1rem;}
.withdrawals .btn{ margin:1rem 0.75rem;}
.withdrawals .button.button-fill.button-big{width: 100%; margin: 2rem 0; height: 2rem; line-height: 2rem;}
.withdrawals .button.button-fill.button-dark{}

.login{ }
.login h3{ margin-top:20%;  font-size:0.8rem; color: #f4faf8; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.login ul{padding: 0 1.5rem; margin-top:1rem;}
.login li{ padding:0.5rem 0; line-height:2rem; text-align: left; font-size:0.7rem; color: #999;}
.login li .checkbox{ display: inline-block; vertical-align: middle;}
.login li span{width:4rem; float:left; display: inline;}
.login li em{ float: right; display: inline; color: #f4faf8;}
.login li a{ font-size:0.7rem; color: #f4faf8;}
.login .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; text-indent:0.5rem; border:0px #1b9e7a solid; color:#666; background:#fff; font-size:0.7rem;}
.login p{ color: #f4faf8; font-size:0.7rem; padding:3rem 1.5rem;}
.login p a{ color: #f4faf8; border:0px #fff solid;}
.login p a.button-cyan{ background: #008B51;}
